
/* 引入reset */
@import 'reset.css';

.nav {
    width: 100%;
    height: 60px;
    border-bottom: 1px solid rgba(5, 5, 5, 0.06);
    .ul {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 1000px;
        height: 60px;
        line-height: 60px;
        margin: 0 auto;
        .li {
            flex: 1;
            cursor: pointer;
        }
        .items {
            text-align: center;
            font-size: 22px;
            font-weight: bold;
            font-family: cursive;
        }
        .items:hover {
            color: #fa2f2f;
            transition: all .3s;
        }
        .active {
            color: #fa2f2f;
        }
    }
}

// 内容区域
.App {
    height: calc(100vh - 100px);
    padding-top: 30px;
    background-color: #f1f4f8;
    .container {
        width: 1000px;
        margin: 0 auto;
    }
}